<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
        <title>首页</title>
        <link rel="stylesheet" href="css/index.css">
        <link rel="stylesheet" href="css/iconfont/iconfont.css">
    </head>
    <body>
        <header>
            <div class="banner">
                <span class="iconfont icon-dianhua"></span>
                <span>0535-60652189</span>
                <span class="iconfont icon-qq"></span>
                <span class="iconfont icon-wb"></span>
                <span class="iconfont icon-weixin"></span>
                <span class="iconfont icon-youxiang"></span>
                <!--导航栏-->
                <div id="nav">
                    <img src="img/logo.png" alt="">
                    <ul style="overflow: hidden">
                        <a href="#"><li><span>home</span><span>网站首页</span></li></a>
                        <a href="#"><li><span>resourse</span><span>传悦资源</span></li></a>
                        <a href="anli.html" target="_self"><li><span>sases</span><span>传悦案例</span></li></a>
                        <a href="jiejue.html"  target="_self"><li><span>solution</span><span>解决方案</span></li></a>
                        <a href="#"><li><span>submit</span><span>提交方案</span></li></a>
                    </ul></div>
            </div>
        </header>
        <section id="middle">
            <section class="banner">
                <h2>全网整合营销</h2>
                <h2>chnyoo</h2>
                <h2>领航者</h2>
                <div id="Box">
                    <div class="box">
                        <p>传悦观点<span>VIEWPOINT</span><i>></i></p>
                        <dl>
                            <dt><img src="img/img.png" alt=""></dt>
                            <dd>传悦上线前的准备工作</dd>
                            <dd>08-17</dd>
                            <dd>传梦网络科技有限公司.....</dd>
                        </dl>
                    </div>
                    <em>X</em>
                </div>
            </section>
        </section>
        <footer>
            <div class="banner">
                <div class="left">
                    <span style="margin:0 0">Copyright&nbsp;&copy;2013</span>
                    <span style="padding-right: 18px;border-right: 1px solid #666666;margin-right: 1px">创梦网络科技有限责任公司</span>
                    <span style="padding: 0 18px;border-left: 1px solid #666666">传悦 Chnyoo.cn&nbsp;All&nbsp;Rights&nbsp;Reserved</span>
                    <span >京ICP12005221备号</span>
                </div>
                <nav class="right">
                    <a href="#">关于传悦</a>
                    <a href="#">新闻动态</a>
                    <a href="#">传悦观点</a>
                    <a href="#">联系传悦</a>
                    <a href="#">加入传悦</a>
                    <a href="#">付款账户</a>
                </nav>
            </div>
        </footer>


        </div>
    </body>
</html>
<script>
    document.querySelector("#Box em").onclick=function () {
        this.parentNode.style.display="none";
    }
</script>